<!DOCTYPE html>
<html lang="en">

<head>
    <title>Statsviz</title>

    <meta charset="utf-8">
    <meta name="description" content="Statsviz interface" />
    <!--DO NOT REMOVE: this comment gets replaced in development-->
    <link rel="stylesheet" href="./semantic/semantic.min.css" />
    <script src="./jquery-3.5.1.min.js"></script>
    <script src="./plotly-basic.min.js"></script>
    <script src="./plotly-cartesian.min.js"></script>
    <script src="./semantic/semantic.min.js"></script>
</head>

<body>
    <div class="ui fixed inverted menu">
        <div class="ui container">
            <a class="header item">Statsviz
            </a>
            <a class="right item" href="https://github.com/arl/statsviz">
                <i class="github icon"></i> Github
            </a>
            <a class="item" href="https://golang.org/pkg/runtime/#MemStats">
                <i class="info icon"></i> runtime.MemStats
            </a>
        </div>
    </div>

    <div class="ui stackable grid">
        <div class="eight wide column reveal" style="flex: 0 0 800px;">

            <div class="ui styled fluid accordion">
                <div class="active title">
                    <i class="dropdown icon"></i>
                    Heap
                </div>
                <div class="active content">
                    <div id="heap" class="transition visible plot"></div>
                </div>
                <div class="title">
                    <i class="dropdown icon"></i>
                    MSpan / MCache
                </div>
                <div class="content">
                    <div id="mspan-mcache" class="transition hidden"></div>
                </div>
                <div class="title">
                    <i class="dropdown icon"></i>
                    Size Classes
                </div>
                <div class="content">
                    <div id="size-classes" class="transition hidden"></div>
                </div>
            </div>
        </div>

        <div class="eight wide column reveal" style="flex: 0 0 800px;">
            <div class="ui styled fluid accordion">
                <div class="title">
                    <i class="dropdown icon"></i>
                    Objects
                </div>
                <div class="content">
                    <div id="objects" class="transition visible plot"></div>
                </div>
                <div class="title">
                    <i class="dropdown icon"></i>
                    Goroutines
                </div>
                <div class="content">
                    <div id="goroutines" class="transition hidden"></div>
                </div>
                <div class="title">
                    <i class="dropdown icon"></i>
                    GC / CPU fraction
                </div>
                <div class="content">
                    <div id="gcfraction" class="transition hidden"></div>
                </div>
            </div>
        </div>


        <script src="./buffer.js"></script>
        <script src="./stats.js"></script>
        <script src="./ui.js"></script>
        <script src="./app.js"></script>
</body>

</html>